<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="false" id="twcClient" name="twcClient">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>${project.name }</title>
<link type="text/css" href="${ctxStatic }/site/themes/QiYeZhanShi/style.css" media="all" rel="stylesheet">
	<link href="${ctxStatic}/jquery-mobile/css/common.css" type="text/css" rel="stylesheet" />
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css" type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
	function juge(theForm)	{
		if (theForm.huifu.value == "")	{
		alert("请输入留言内容");
		theForm.huifu.focus();
		return (false);
				}
		if (theForm.huifu.value.length<10)	{
		alert("留言内容不能少于10个汉字");
		theForm.huifu.focus();
		return (false);
				}
		if (theForm.olxingming.value == "姓名或企业名称")	{
		alert("请输入您的真实姓名或者企业名称");
		theForm.olxingming.focus();
		return (false);
				}
		if (theForm.olxingming.value.length<2)	{
		alert("名称不能少于2个汉字");
		theForm.olxingming.focus();
		return (false);
				}
		if (theForm.oltel.value=="联系电话")	{
		alert("请留下您的联系方式");
		theForm.oltel.focus();
		return (false);
				}		
		if (theForm.oltel.value.length<8)	{
		alert("号码位数不能少于8位");
		theForm.oltel.focus();
		return (false);
				}		
			}
	
	function goUrl(url){
		location.href=url;
	}
</script>
</head>
<body>
		<a id="top"></a>
	<div id="logo"><a href="tel:${project.mobile }" title="拨打电话预约服务"><img src="${ctxUser}/project/${project.logo }" alt="${project.companyName }"></a></div>
	<div id="nav">
		<ul>
			<li><a href="#" onclick="goUrl('${ctxMobileSite }/${project.id }?menuId=1')">首页</a></li>
			<li><a href="#" onclick="goUrl('${ctxMobileSite }/${project.id }?menuId=6')">简介</a></li>
			<li class="selected"><a style="color:#333333" href="#" onclick="goUrl('${ctxMobileSite }/${project.id }?menuId=2')">产品</a></li>
			<li><a href="#" onclick="goUrl('${ctxMobileSite }/${project.id }?menuId=3')">新闻</a></li>
			<li><a href="#" onclick="goUrl('${ctxMobileSite }/${project.id }?menuId=7')">联系</a></li>
		</ul>
	</div>
	<div class="title"><span>产品详情</span></div>
	<div class="">
	<ul   data-role="listview" data-inset="true"
				style="margin: 0px; padding: 0px;width:100%">
            	<li data-corners="false" data-shadow="false" data-iconshadow="true"
					data-wrapperels="div" data-icon="arrow-r" data-iconpos="right"
					data-theme="c"
					class="ui-btn ui-li-has-thumb  ui-btn-icon-right " style="padding-left: 15px;">
					<div class="ui-btn-inner ui-li">
							<a href="#" class="ui-link-inherit"> <img
								src="${ctxUser}/product/${product.indexPic}" class="ui-li-thumb" />
								<h2 class="ui-li-heading">${product.name }</h2>
							</a> 
							<p class="ui-li-desc" style="text-overflow:clip;white-space:normal;" >${product.description }对发生的发生地方撒地方萨芬撒发生地方撒撒地方撒的</p>
						<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
					</div>
				</li>
            </ul>
	</div>
	<div class="clear"></div>
		<div class="foot">
		<div class="copy">
			<p>版权所有 <a href="#">${project.companyName }</a> ©2010-2013</p>
		</div>
	</div>

</body></html>